import React, { useEffect, useState } from 'react';
import { Tooltip } from 'antd'
import style from './index.less'

const NotionList = ({ homeData }) => {
    const firstNotice = homeData?.noticeList?.strcutData?.[0] ?? {};
    return (
        <div className={style['notion_list']}>
            <div className={style['notion_name']}>{homeData?.noticeList?.layoutName ?? '店铺公告'}</div>
            <div className={style['notion_desc']}><Tooltip placement="topLeft" title={firstNotice?.name}>{firstNotice?.name}</Tooltip></div>
        </div>
    )
}

export default NotionList;